﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link  rel="stylesheet" href="public/css/main.css" />
		<link rel="stylesheet" type="text/css" href="public/css/sinafaceandeffec.css" />
		<script type="text/javascript" src="public/js/jquery-1.8.0.min.js"></script>
		<title>多种表情评论留言框 - 极资源</title> 
	</head>

	<body>
	
		<div class="header">
			<div class="header-body">
				<div class="logo">
					<a href="主页.html"><img src="public/pictures/logo.png"></a>
				</div>
				<!--已登录 start-->
				<div class="login_nav">
					<a href="个人中心.html">个人中心</a> | 
					<a href="">退出</a>
				</div>
				<!--已登录 end-->
			</div>
		</div>


		<div id="content" style="width: 700px; height: auto;margin: auto;">

				<div class="reg_left" style="float: left;width: 100px;margin-top: 10px">
					<ul>
						<li><a href="个人中心.html">我的留言</a></li>
						<li>&nbsp;</li>
						<li><a href="修改信息.html">修改信息</a></li>
					</ul>
				</div>

				<!--评论内容 start-->
				<div id="info-show" style="width: 600px;margin: 0px;">
					<ul>
						<li><div class="head-face"><img src="public/pictures/1.jpg"></div><div class="reply-cont"><p class="username">小小红色飞机</p><p class="comment-body">阿撒大大</p><p class="comment-footer">2016年10月5日　回复　点赞54　转发12</p></div></li>

					</ul>
				</div>
				<!--评论内容 end-->

				<!--分页 start-->
				<div style="float: left;margin: 30px 0 0 100px">
					<a class="pagination_page disabled">首页</a><a class="pagination_page disabled">上一页</a><div class="pagination_page pagination_page_active">1</div><a class="pagination_page" href="?page=2">2</a><a class="pagination_page" href="?page=3">3</a><a class="pagination_page" href="?page=4">4</a><a class="pagination_page" href="?page=5">5</a><a class="pagination_page" href="?page=6">6</a><a class="pagination_page" href="?page=7">7</a><a class="pagination_page" href="?page=8">8</a><a class="pagination_page" href="?page=9">9</a><a class="pagination_page" href="?page=2">下一页</a><a class="pagination_page pagination_right" href="?page=9">尾页</a>
				</div>
				<!--分页 end-->
			</div>
		</div>
	</body>
	<script type="text/javascript" src="public/js/main.js"></script>
	<script type="text/javascript" src="public/js/sinafaceandeffec.js"></script>
	<script type="text/javascript">
		// 绑定表情
		$('.face-icon').SinaEmotion($('.text'));
		// 测试本地解析
		function out() {
			var inputText = $('.text').val();
			$('#info-show ul').append(reply(AnalyticEmotion(inputText)));
		}
		
		var html;
		function reply(content){
			html  = '<li>';
			html += '<div class="head-face">';
			html += '<img src="public/pictures/1.jpg" / >';
			html += '</div>';
			html += '<div class="reply-cont">';
			html += '<p class="username">小小红色飞机</p>';
			html += '<p class="comment-body">'+content+'</p>';
			html += '<p class="comment-footer">2016年10月5日　回复　点赞54　转发12</p>';
			html += '</div>';
			html += '</li>';
			return html;
		}
	</script>
</html>
